<docs>
---
order: 0
title:
  zh-CN: 按钮类型
  en-US: Type
description:
  zh-CN: Bootstrap 内置了几种预定义的按钮样式，每种样式都有自己的语义目的，并添加了一些额外的按钮
  en-US: Boostrap includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control.
---
</docs>

<template>
  <div>
    <bs-button>default</bs-button>
    <bs-button type="primary">primary</bs-button>
    <bs-button type="secondary">secondary</bs-button>
    <bs-button type="success">success</bs-button>
    <bs-button type="warning">warning</bs-button>
    <bs-button type="danger">danger</bs-button>
    <bs-button type="info">info</bs-button>
    <bs-button type="light">light</bs-button>
    <bs-button type="danger">danger</bs-button>
  </div>
</template>

<style lang="scss" scoped>
.bs-button{
  margin: 0 1rem 1rem 0;
}
</style>
